/* Default Print Stylesheet Template
   by Rob Glazebrook of CSSnewbie.com
   Last Updated: June 4, 2008
   
   Feel free (nay, compelled) to edit, append, and 
   manipulate this file as you see fit. */
   

/* SECTION 1: Set default width, margin, float, and
   background. This prevents elements from extending 
   beyond the edge of the printed page, and prevents
   unnecessary background images from printing */
body, #content, #container {
   width: 100%;
   margin: 0;
   float: none;
   color: #000;
   background: #fff url(none);
   white-space: nowrap;
}

/* SECTION 2: Remove any elements not needed in print. 
   This would include navigation, ads, sidebars, etc. */
#topnav, #navbar, #nav, #sidebar, .ad, .noprint {
   display: none; 
}

/* SECTION 3: Set body font face, size, and color.
   Consider using a serif font for readability. */
body {
   font: 0.5em Arial, "libra sans", sans-serif;
   color: #000; 
}

@media screen {
      body {
          font: 0.8em Arial, "libra sans", sans-serif;
          margin: 20px;
      }
}

/* SECTION 4: Set heading font face, sizes, and color.
   Diffrentiate your headings from your body text.
   Perhaps use a large sans-serif for distinction. */
h1,h2,h3,h4,h5,h6 {
   font-family: Arial, sans-serif;
   color: #000;
}
h1 { font-size: 250%; }
h2 { font-size: 175%; }
h3 { font-size: 135%; }
h4 { font-size: 100%; font-variant: small-caps; }
h5 { font-size: 100%; }
h6 { font-size: 90%; font-style: italic; }

/* SECTION 5: Make hyperlinks more usable.
   Ensure links are underlined, and consider appending
   the URL to the end of the link for usability. */
a { color: #000; }
a:link, a:visited {
   color: #000;
   font-weight: normal;
   text-decoration: none; }
#content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
}

@media print { a { visibility: hidden; } }

table { border-collapse: collapse; }
thead { border-bottom: 2px #aaa solid; border-top: 0px #aaa solid; } 
tfoot { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
th { color: #444; padding: .5em 1em; height: 20px; } 
td { padding: .2em 1em; height: 10px; font-size: 90%; } 
thead th {font-weight: bolder; }

table.view { width: 100%; }
table.view th { text-align: left; }
table.view th { height: 10px; font-size: 90%; }
table.view th { width: 40%; padding: .2em 0em; }
table.view td { width: 60%; }

hr.view { margin: 5px 0px; border-color: #ddd;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;}

.label { font-weight: bolder; }
